<!--
 * @Author: 李环玉 834654733@qq.com
 * @Date: 2023-12-16 02:46:45
 * @LastEditors: 李环玉 834654733@qq.com
 * @LastEditTime: 2023-12-17 01:17:07
 * @FilePath: \nuxt-app\components\WebFooter.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <div class="webfooter" id="webfooter">
    <p>Copyright 2023 - 2033 © 国服卤蛋</p>
    <p>
      <span>
        <img src="../assets/images/gx.png">
        <a href="https://beian.miit.gov.cn" target="_blank">京ICP备2023007718号-1</a>
      </span>&nbsp;&nbsp;|&nbsp;&nbsp;
      <span>
        <img src="../assets/images/备案图标.png">
        <a href="https://beian.mps.gov.cn/#/query/webSearch?code=11011302006826" rel="noreferrer" target="_blank">京公网安备11011302006826</a>
      </span>
      
    </p>
    <p>本站使用Nuxt3搭建前端服务 &nbsp;|&nbsp;使用koa2.js搭建后端服务</p>
    <p><a href="https://www.sanfengyun.com/ " target="_blank">本站由三丰云提供计算服务</a></p>
  </div>
</template>

<script setup lang="ts">

</script>

<style scoped lang="scss">
.webfooter{
  width: 100%;
  height: 100px;
  background: rgba(255, 255, 255, .8);
  padding: 20px 0;
  margin-top: 20px;
  p{
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
    img{
      width: 20px;
      height: 20px;
      vertical-align: middle;
      margin-right: 5px;
    }
  }
}
</style>